<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="type" content="doc">
    <link rel="stylesheet" href="/assets/style.css">
    <script src="/assets/script.js" defer></script>
    <title>html文章</title>
  </head>
  <body>
    <h1>用html写文章</h1>

    <doc-toc></doc-toc>
    <hr>

    <section>
      <h2>文章结构</h2>
      <dl>
        <dt>主体</dt>
        <dd>&lt;main&gt;</dd>
        <dt>文章</dt>
        <dd>&lt;article&gt;</dd>
        <dt>标题</dt>
        <dd>&lt;h1&gt;、&lt;h2&gt;、&lt;h3&gt;、&lt;h4&gt;、&lt;h5&gt;、&lt;h6&gt;、&lt;header&gt;</dd>
        <dt>联系方式</dt>
        <dd>&lt;address&gt;</dd>
        <dt>导航</dt>
        <dd>&lt;nav&gt;</dd>
        <dt>章节</dt>
        <dd>&lt;section&gt;</dd>
        <dt>段</dt>
        <dd>&lt;p&gt;</dd>
        <dt>分节</dt>
        <dd>&lt;hr&gt;<br>
        </dd>
        <dt>页脚</dt>
        <dd>&lt;footer&gt;</dd>
        <dt>附注</dt>
        <dd>&lt;aside&gt;</dd>
      </dl>
    </section>
    <section>
      <h2>列表</h2>
      <dl>
        <dt>有序表</dt>
        <dd>&lt;ol&gt;、&lt;li&gt;</dd>
        <dt>无序表</dt>
        <dd>&lt;ul&gt;、&lt;li&gt;</dd>
        <dt>描述列表</dt>
        <dd>&lt;dl&gt;、&lt;dt&gt;、&lt;dd&gt;</dd>
      </dl>
    </section>
    <section>
      <h2>图、表格等</h2>
      <dl>
        <dt>图表标题</dt>
        <dd>&lt;figure&gt;、&lt;figcaption&gt;</dd>
        <dt>图</dt>
        <dd>&lt;img&gt;、&lt;picture&gt;</dd>
        <dt>表格</dt>
        <dd>&lt;table&gt;、&lt;caption&gt;、&lt;colgroup&gt;、&lt;col&gt;、&lt;thead&gt;、&lt;tbody&gt;、&lt;tfoot&gt;、&lt;th&gt;、&lt;td&gt;、&lt;tr&gt;</dd>
        <dt>视频、音频</dt>
        <dd>&lt;video&gt;、&lt;audio&gt;</dd>
      </dl>
    </section>
    <section>
      <h2>引用</h2>
      <dl>
        <dt>行内引用</dt>
        <dd>&lt;q&gt;</dd>
        <dt>引用段落</dt>
        <dd>&lt;blockquote&gt;</dd>
        <dt>引用出处</dt>
        <dd>&lt;cite&gt;</dd>
      </dl>
    </section>
    <section>
      <h2>其他</h2>
      <dl>
        <dt>链接</dt>
        <dd>&lt;a&gt;</dd>
        <dt>摘要</dt>
        <dd>&lt;details&gt;、&lt;summary<font size="+1">&gt;</font></dd>
        <dt>强调</dt>
        <dd>&lt;em&gt;、&lt;strong&gt;、&lt;b&gt;、&lt;i&gt;</dd>
        <dt>定义</dt>
        <dd>&lt;dfn&gt;</dd>
        <dt>缩写</dt>
        <dd>&lt;abbr&gt;</dd>
        <dt>注音、释义</dt>
        <dd>&lt;ruby&gt;、&lt;rp&gt;、&lt;rt&gt;、&lt;rtc&gt;、&lt;rb&gt;</dd>
	<dt>预格式化内容</dt>
	<dd>&lt;pre&gt;</dd>
        <dt>代码</dt>
        <dd>&lt;code&gt;</dd>
        <dt>变量</dt>
        <dd>&lt;var&gt;</dd>
        <dt>用户输入</dt>
        <dd>&lt;kbd&gt;</dd>
        <dt>程序输出</dt>
        <dd>&lt;samp&gt;</dd>
        <dt>数据</dt>
        <dd>&lt;data&gt;</dd>
        <dt>时间</dt>
        <dd>&lt;time&gt;</dd>
        <dt>换行</dt>
        <dd>&lt;br&gt;</dd>
        <dt>上标、下标</dt>
        <dd>&lt;sup&gt;、&lt;sub&gt;</dd>
        <dt>编辑标识</dt>
        <dd>&lt;del&gt;、&lt;ins&gt;</dd>
      </dl>
    </section>
  </body>
</html>
